<!DOCTYPE html>
<html lang="Zh-CN">
<head>
<meta charset="utf-8"/>
<title>美站库 炫美网站大全</title>
<link rel="stylesheet" type="text/css" href="images/index.css"/>

</head>
<body>
<div id="header">
	<div id="top" class="auto">
		<div class="logo">
			<h1>
				<img src="images/logo.png"/>
				<span>炫美网站大全</span>
			</h1>
		</div>
	<div class="serach">
		<form>
			<input class="text" type="text"/>
			<input class="submit" type="submit" value="搜索"/>
		</form>
	</div>
	
	</div>
	<div id="nav" class="auto">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">提交站点</a></li>
		</ul>
	</div>
	<div id="runplay" class="auto">
	<div class="left">
			<a href="#"><img src="images/img1.jpg"/></a>
		</div>
	<div class="right">
			<dl>
				<dt>炫美网站，尽在美站库</dt>
					<dd class="txt">本网站收集互联网上各种炫美网站....</dd>
					<dd class="btn">
		<a href="#">查看更多</a>
					</dd>
			</dl>
		</div>
	</div>	
</div>
</div>
<div id="main">
	<div id="main1">
			<div id="wrap">
			<div id="leftBody">
					<div class="leftDivl">
					<h2>美站库</h2>
					<p>美站库是<a href="http://www.sifangku.com" target="_blank">私房库</a>视频html课程中第一个项目实战课</p>
					</div>
			<div class="leftDiv2">
				<h2>炫美站点</h2>
					<ul>
					
						<li>
						<a href="#"><img src="images/image_04.jpg"/></a>
						<p>professional</p>
						</li>
						<li>
						<a href="#"><img src="images/image_04.jpg"/></a>
						<p>professional</p>
						</li>
						<li>
						<a href="#"><img src="images/image_04.jpg"/></a>
						<p>professional</p>
						</li>
						<li>
						<a href="#"><img src="images/image_04.jpg"/></a>
						<p>professional</p>
						</li>
						<li>
						<a href="#"><img src="images/image_04.jpg"/></a>
						<p>professional</p>
						</li>
					</ul>
			</div>
			<div  class="leftDiv3">
			<a href="#">查看更多</a>
			</div>
			
			</div>
			
			
		<div id="rightBody">
		
		<div class="rightDivl">
		<h2>酷文</h2>
		<ul>
		
			<li>
				<h3><a href="#"target="_blank">随便写点什么</a></h3>
				<p>随便写随便写的随便写的随便写的随便写的....</p>
			
			</li>
			<li>
				<h3><a href="#"target="_blank">随便写点什么</a></h3>
				<p>随便写随便写的随便写的随便写的随便写的....</p>
			
			</li>
			<li>
				<h3><a href="#"target="_blank">随便写点什么</a></h3>
				<p>随便写随便写的随便写的随便写的随便写的....</p>
			
			</li>
		</ul>
		</div>
		<div class="rightDiv2">
		<dl class="d11">
			<dt>随便写点</dt>
			<dd>随便写点</dd>
			</dl>
	<dl class="d12">
		<dt>随便写点</dt>
			<dd>随便写点</dd>
			
			</dl>
		
		
		</div>
		</div>
		</div>
</div>
<div id="footer">
	<P class="p1">
	<a href="#">首页</a></li>
			<a href="#"target="_blank">首页</a>
				<a href="#"target="_blank">美站</a>
				<a href="#"target="_blank">酷文</a>
				<a class="last"href="#"target="_blank">联系我们</a>
	</P>
	<p>
		copyright (c) 2014<a href="http://www.sifangku.com"target="_blank">  私房库</a>
	
	</p>


</div>
</body>
</html>